/**
* Create by mzq
* Description: 头部
* Date: 2024/9/12 15:18
* Update: 2024/9/12 15:18
*/
<template>
<div class="bg text-zinc-50">
  <div class="flex justify-end items-center">
    {{nowTime}}
  </div>

</div>
</template>
<script setup>

import { getCurrentDateTime } from '@/public/index.js'
import { onMounted, ref } from 'vue'

const nowTime = ref(getCurrentDateTime())

onMounted(() =>{
  setInterval(() => {
    nowTime.value = getCurrentDateTime()
  }, 1000)
})
</script>
<style scoped lang="scss">
.bg{
  font-family: "Digib";
  font-size: 0.1042rem  /* 20/192 */;
  width: 100%;
  height: 0.3177rem  /* 61/192 */;
  background: url("@/image/topTitle.png") no-repeat;
  background-size: 100%;

  div{
    padding-top: 0.0417rem  /* 8/192 */;
    padding-right:  0.09375rem  /* 18/192 */;
  }
}
</style>